<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商家中心</title>
  <link href="/Public/home/css/base.css" rel="stylesheet" type="text/css">
        <link href="/Public/home/css/seller_center.css" rel="stylesheet" type="text/css">
        <link href="/Public/home/font/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
        <link rel="shortcut icon" type="image/x-icon" href="/Public/home/images/favicon.ico" media="screen" />
        <!--[if IE 7]>
            <link rel="stylesheet" href="font/font-awesome/css/font-awesome-ie7.min.css">
        <![endif]-->
        <script type="text/javascript" src="/Public/home/js/jquery.js"></script>
        <script type="text/javascript" src="/Public/home/js/seller.js"></script>
        <script type="text/javascript" src="/Public/home/js/waypoints.js"></script>
        <script type="text/javascript" src="/Public/home/js/jquery-ui/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/Public/home/js/jquery.validation.min.js"></script>
        <script type="text/javascript" src="/Public/home/js/layer/layer.js"></script>
        <script type="text/javascript" src="/Public/home/js/global.js"></script>
        <script type="text/javascript" src="/Public/home/js/myAjax.js"></script>
        <script type="text/javascript" src="/Public/home/js/myFormValidate.js"></script>
        <script type="text/javascript" src="/Public/home/js/layer/laydate/laydate.js"></script>
    <style type="text/css">
.sller_login {
    width: 100%;min-height: 979px;background: url(/public/home/images/seller/seller_login_bg.png) center center no-repeat;
}
.sller_login_warp {
    position: absolute; top: 50%;left: 0;width: 100%;
}
.ecsc-login-container {
    width: 778px;height: auto;margin: -198px auto 0;box-shadow: #444 0px 0px 30px;overflow: hidden;
}
.ecsc-login-container .login-left {
    float: left;width: 300px;height: 396px;background: url(/public/home/images/seller/login_left_bg.png) no-repeat;padding: 0 24px;
}
.ecsc-login-container .login-left h3 {
    font-size: 44px;color: #fff;line-height: 60px;margin-top: 50px;
}
.ecsc-login-container .login-left span {
    color: #fff;font-size: 14px;line-height: 24px;margin-top: 15px;display: block;
}
.ecsc-login-container .login-right {
    width: 304px;height: 396px; padding: 0 76px 0 50px;background: #edf9ff;float: left;
}
.ecsc-login-container .login-right .login-logo {
    margin: 60px 0 0 0;
}
.login-right .items {margin-top: 40px;}
.login-right .items .item_bor { border-bottom: 1px solid #459ee5;}
.login-right .items .item { height: 40px;line-height: 40px;position: relative;}
.mb10 {margin-bottom: 10px !important;}
.login-right .items .item b {
    position: absolute; top: 13px;left: 0px;width: 15px; text-align: center;
}
.login-right .items .item .text {
    border: 0;background: #edf9ff;width: 240px;
    float: left;height: 30px;padding: 5px 0 5px 25px;
    font-size: 14px;font-family: "microsoft yahei";
    height: 40px\0;padding: 0 0 0 25px\0;line-height: 40px\0;
}
.login-right .items .item .icon_no {
    background-position: -19px -19px;display: block;
}
.login-right .items .item i {
    background: url(/public/home/images/seller/logo_icon.png) no-repeat;width: 20px; height: 20px;display: none;float: right;margin-top: 10px;
}
.mb30 {
    margin-bottom: 30px !important;
}
.login-right .items .item .memory_user {
    float: left;
}
.checkbox {
    vertical-align: middle;margin: -2px 4px 0 0;
}
.login-right .items .item label {
    background: url(/public/home/images/seller/seller_login_checkbox.png) 0px 3px no-repeat;padding-left: 22px;color: #999;font-size: 14px;cursor: pointer;
}
.login-right .items .item .no_user {
    float: right;color: #999;font-size: 14px;text-decoration: none;
}
.login-right .items .item .login-submit {
    width: 142px;height: 45px;line-height: 45px;background: #49b9ee;color: #fff;font-size: 20px;
    font-family: "microsoft yahei";border-radius: 5px; font-weight: normal;float: right;border: 0; cursor: pointer;
}
.code-img img{width:120px;height:36px;}
.items .item .code{float:left}
.login-right .items .item .checkbox {
    display: none;display: block\9;filter: alpha(opacity=0); opacity: 0; position: absolute\9;
}
.checkbox {
    vertical-align: middle;margin: -2px 4px 0 0;
}
.login-right .items .item .checked label {
    background: url(/public/home/images/seller/seller_login_checkbox.png) 0px -23px no-repeat;
}
</style>

<body>
    <div class="sller_login">
    	<div class="sller_login_warp">
            <form  id="form"  >
            <div class="ecsc-login-container">
                <div class="login-left">
                    <h3>七彩商家管理中心欢迎您.</h3>
                </div>
                <div class="login-right">
                	<div class="login-logo"><img src="" /></div>
                    <div class="items">
                    	<div class="item item_bor mb10">
                        	账号：<input type="text" name="name" maxlength="12"><br /><br />
                        </div>
                        <div class="item item_bor mb10">
                        密码：<input type="password" name="pwd" maxlength="20" ><br /><br />
                        </div>
                        <div class="item">
                        	<input type="text" name="code" autocomplete="off" class="text" style="width: 80px;" maxlength="4" size="10" placeholder="验证码" />
                        	<div class="code">
                                <div class="code-img"><img onclick="this.src = '<?php echo U('login/verify');?>&a='+new Date().getTime()" src="<?php echo U('login/verify');?>" /></div>
                            </div>
                        </div>
                        <div class="item mb30">
                        	<div class="memory_user">
                            	<input type="checkbox" value="1" name="remember" class="checkbox" id="remember"/>
                                <label for="remember">记住密码</label>
                            </div>
                            <a href="get_password.php?act=forget_pwd" class="no_user">您忘记了密码吗?</a>
                        </div>
                        <div class="item">
                          <!-- <button type="button" onclick="login()" class="login-submit" value="">登 录</button> -->
                        	<input type="button" class="login-submit" onclick="login()" value="登 录">
                        </div>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>
    
    <script type="text/javascript">
    	$(".memory_user .checkbox").click(function(){
			if($(this).prop("checked") == true){
				$(this).parent('.memory_user').addClass("checked");
			}else{
				$(this).parent('.memory_user').removeClass("checked");
			}
		});
       function login(){
        var formData=new FormData($("#form")[0]);
        $.ajax({
            type:"post",
            url:"<?php echo U('login/login');?>",
            data:formData,
            dataType:'json',
            processData: false,  // 不处理数据
            contentType: false,   // 不设置内容类型
            success:function(res){
                layer.msg(res.msg);
                if(res.res==1 && res.data.url !=undefined){
                    window.location=res.data.url;
                }
            }
        });
    }
		
      
    </script>
</body>
</html>